<%--
  Created by IntelliJ IDEA.
  User: 刘洋
  Date: 2019/12/3
  Time: 16:47
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://fentsoul.com" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>商品列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <c:import url="/layout/_imports.jsp"></c:import>
</head>
<body>
<c:import url="/layout/_nav.jsp"></c:import>

<!--banner-->

<div class="banner">
    <div class="container">
        <h2 class="hdng"><a href="/goods/detail/${banner.id}">${banner.name}</a><span></span></h2>
        <p>今日精选推荐</p>
        <a class="banner_a" href="javascript:;" onclick="buy(${banner.id})">立刻购买</a>
        <div class="banner-text">
            <a href="/goods/detail/${banner.id}">
                <img src="${banner.cover}" alt="" width="350" height="350">
            </a>
        </div>
    </div>
</div>

<!--//banner-->

<div class="subscribe2"></div>

<!--gallery-->
<div class="gallery">
    <div class="container">
        <div class="alert alert-danger">热销推荐</div>
        <div class="gallery-grids">

            <c:forEach items="${hotList}" var="g">

                <div class="col-md-4 gallery-grid glry-two">
                    <a href="/goods/detail/${g.id}">
                        <img src="${g.cover}" class="img-responsive" alt="" width="350" height="350"/>
                    </a>
                    <div class="gallery-info galrr-info-two">
                        <p>
                            <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                            <a href="/goods/detail/${g.id}">查看详情</a>
                        </p>
                        <a class="shop" href="javascript:;" onclick="buy(${g.id})">立刻购买</a>
                        <div class="clearfix"></div>
                    </div>
                    <div class="galy-info">
                        <p>${g.name}</p>
                        <div class="galry">
                            <div class="prices">
                                <h5 class="item_price">¥ ${g.price}</h5>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

            </c:forEach>


        </div>

        <div class="clearfix"></div>
        <div class="alert alert-info">新品推荐</div>
        <div class="gallery-grids">

            <c:forEach items="${newList}" var="g">

                <div class="col-md-3 gallery-grid glry-two">
                    <a href="/goods/detail/${g.id}">
                        <img src="${g.cover}" class="img-responsive" alt="" width="350" height="350"/>
                    </a>
                    <div class="gallery-info galrr-info-two">
                        <p>
                            <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                            <a href="/goods/detail/${g.id}">查看详情</a>
                        </p>
                        <a class="shop" href="javascript:;" onclick="buy(${g.id})">立刻购买</a>
                        <div class="clearfix"></div>
                    </div>
                    <div class="galy-info">
                        <p>${g.name}</p>
                        <div class="galry">
                            <div class="prices">
                                <h5 class="item_price">¥ ${g.price}</h5>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

            </c:forEach>

        </div>
    </div>
</div>
<!--//gallery-->

<!--subscribe-->
<div class="subscribe"></div>
<!--//subscribe-->


<!--footer-->
<div class="footer">
    <div class="container">
        <div class="text-center">
        </div>
    </div>
</div>
<!--//footer-->

</body>
</html>
